<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />

    <!-- Bootstrap CSS -->
    <link
      href="https://cdn.bootcss.com/twitter-bootstrap/4.4.1/css/bootstrap.min.css"
      rel="stylesheet"
    />
    <!-- 本地css -->
    <link rel="stylesheet" href="./css/my-2.css" />
    <!-- font awesome图标 -->
    <link
      href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
      rel="stylesheet"
      integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
      crossorigin="anonymous"
    />
    <!-- animate动画 -->
    <link
      href="https://cdn.bootcss.com/animate.css/3.7.2/animate.min.css"
      rel="stylesheet"
    />
    <title>news-杨澎锴的作业实践11-YPKAI</title>
  </head>

  <body>
    <header>
      <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
        <div class="container">
          <a class="navbar-brand" href="#"
            ><img src="./image/logo.png" alt="logo" />
          </a>
          <button
            class="navbar-toggler"
            type="button"
            data-toggle="collapse"
            data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent"
            aria-expanded="false"
            aria-label="Toggle navigation"
          >
            <span class="navbar-toggler-icon"></span>
          </button>

          <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
              <li class="nav-item active">
                <a class="nav-link" href="#"
                  >首页<span class="sr-only">(current)</span></a
                >
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">作业</a>
              </li>
              <li class="nav-item dropdown">
                <a
                  class="nav-link dropdown-toggle"
                  href="#"
                  id="navbarDropdown"
                  role="button"
                  data-toggle="dropdown"
                  aria-haspopup="true"
                  aria-expanded="false"
                >
                  学习
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                  <a class="dropdown-item" href="#">Markdown学习</a>
                  <a class="dropdown-item" href="#">hugo学习</a>
                  <a class="dropdown-item" href="#">ypkai's blog</a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">作业导航</a>
                </div>
              </li>
              <li class="nav-item">
                <a
                  class="nav-link disabled"
                  href="#"
                  tabindex="-1"
                  aria-disabled="true"
                  >关于网站</a
                >
              </li>
            </ul>
            <button class="btn btn-outline-success my-1 my-sm-0" type="submit">
              Search
            </button>
          </div>
        </div>
      </nav>
    </header>
    <main>
      <section>
        <nav aria-label="breadcrumb" class="container ">
          <ol class="breadcrumb  bg-white pt-5">
            <li class="breadcrumb-item"><a href="index.html">首页</a></li>
            <li class="breadcrumb-item"><a href="#">活动</a></li>
            <li class="breadcrumb-item active" aria-current="page">news</li>
          </ol>
        </nav>
      </section>
      <section>
        <div class="container news mb-5">
          <div class="row">
            <div class="col-md-10 offset-md-1">
              <h1 class="text-center">读书可以给人快乐</h1>
              <p class="text-center meta text-black-50">
                <span>2020-03-26 16:19:47</span><span>来源：观察者网</span>
                <span>更新: 2020-03-26 16:22:44</span>
              </p>
              <section>
                <div class="embed-responsive embed-responsive-16by9 my-3">
                  <iframe
                    frameborder="0"
                    src="https://player.youku.com/embed/XMTMxMzk2MzMyMA=="
                    allowfullscreen="true"
                  ></iframe>
                </div>
                <p>
                  《伊索寓言》相传为公元前六世纪被释放的古希腊奴隶伊索所著的寓言集，并加入印度、阿拉伯及基督教故事，共357篇。
                </p>
                <p>
                  《伊索寓言》中收录有300多则寓言，内容大多与动物有关。书中讲述的故事简短精练，刻画出来的形象鲜明生动，每则故事都蕴含哲理，或揭露和批判社会矛盾，或抒发对人生的领悟，或总结日常生活经验。
                  该寓言集通过描写动物之间的关系来表现当时的社会关系，主要是压迫者和被压迫者之间的不平等关系。寓言作者谴责当时社会上人压迫人的现象，号召受欺凌的人团结起来与恶人进行斗争。
                </p>
                <img
                  src="./image/5.jpg"
                  alt="活动描述文字"
                  class="img-fluid d-block mb-3 px-5"
                />
                <p>
                  羊的周围强敌环伺，一切捕食者均以它们为首选目标，而羊的单独行动往往是悲剧出现的原因，尽管有时候能够化险为夷，但不幸是经常的。羊这种动物体现了一个最普遍的道理，即团结的力量。同时，羊是弱者的代表，象征着社会生活中最底层的百姓，他们从不奢求什么，只要安稳、平静的生活。
                </p>
                <p>
                  驴在《伊索寓言》中的行为与狐狸完全相反，它的表现也可以慨括为两点：第一，不知道自己的正确位置，最典型的就是《运神像的驴》。第二，驴总是希望自己能像狮子一样强大，不用天天干活，可以悠闲地生活，所以它这种不切实际的想法到最后只能是幻想。驴象征着生活中不努力的人，想得到却不肯付出。讽刺的是空想而不是对生活有目标的人。
                </p>
                <p class="last">
                  狮子都是强者的代表，比如“野驴和狮子共同合作，狮子同意用它的力气帮助野驴，野驴因为跑得快对狮子也有厢处，这样捕猎变得很容易。等到它们捕捉到了满意的猎物，狮子把猎物分成三份。狮子说，因为我是王，要拿第一份；我又要拿第二份，原因在于我是这场狩猎中的一份子；而那第三份，听我的劝告，对你将是祸根，除非你心甘情愿地把它让给我，并且立刻开跑，尽早离开”；
                  “兔子在百兽大会上慷慨演说，它强调一切动物应当平等。狮子做出回答，你们演说得倒是很对，只是你们没有像我们这样尖锐的牙齿和锋利的爪子”。这两则寓言中，将狮子的霸道、蛮横、不讲理完全展示出来。
                  <img src="./image/gugong.png" alt="故宫" />
                </p>
              </section>
            </div>
          </div>
        </div>
      </section>
    </main>
    <footer class="mt-5">
      <section>
        <div class="relation p-3 container-fluid bg-secondary">
          <div class="row">
            <div class=" sao text-center col-lg-4">
              <h3 class="mb-3">扫码关注</h3>
              <img src="./image/rr" alt="sao" />
            </div>

            <div class=" col-lg-4">
              <h3 class=" mb-3">联系方式</h3>
              <ul class="lianxi list-unstyled mt-1">
                <li>
                  <i class="fa fa-male fa-lg" aria-hidden="true"></i> 杨先生
                </li>
                <li>
                  <i class="fa fa-mobile fa-lg" aria-hidden="true"></i>
                  13893478664
                </li>
                <li>
                  <i class="fa fa-envelope-o fa-lg" aria-hidden="true"></i>
                  ypkzxc@163.com
                </li>
                <li>
                  <i class="fa fa-map-marker fa-lg" aria-hidden="true"></i>
                  甘肃省兰州市西北民族大学榆中校区
                </li>
              </ul>
            </div>
            <div class=" col-lg-4">
              <h3 class="mb-3">友情链接</h3>
              <ul class="list-unstyled">
                <li>
                  <i class="fa fa-graduation-cap fa-lg" aria-hidden="true"></i
                  ><a href="http://www.xbmu.edu.cn/" target="_blank"
                    >西北民族大学</a
                  >
                </li>
                <li>
                  <i class="fa fa-git fa-lg" aria-hidden="true"></i
                  ><a href="https://gitee.com/" target="_blank">码云平台</a>
                </li>
                <li>
                  <i class="fa fa-sign-in fa-lg" aria-hidden="true"></i
                  ><a
                    href=" https://yangpengkai.gitee.io/hugopractice"
                    target="_blank"
                    >博客</a
                  >
                </li>
                <li>
                  <i class="fa fa-weibo fa-lg" aria-hidden="true"></i
                  ><a href="https://weibo.com/" target="_blank"> 新浪微博</a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </section>
      <section>
        <div class="copyright container-fluid bg-dark">
          <p class=" text-center text-white ">
            本网站是学习者的网站,使用<a
              href="https://www.bootcss.com/"
              target="_blank"
              >Bootstrap框架</a
            >搭建
          </p>
        </div>
      </section>
    </footer>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.4.1/js/bootstrap.min.js"></script>
  </body>
</html>
